var active = null,
				lastid, span;
				var color;
			

			$(".list-1>a").on("tap",function(){
				var getcolor=$(this).css("color");
				 if(getcolor=="rgb(146, 146, 146)")
				 {
				 	color="blue";
				 	$(this).css("color","deepskyblue");
				 }
				 else
				 {
				 	color="white"
				 	$(this).css("color","#929292");
				 }
			});
			
			$('.mui-icon-extra-like').on("tap",function(){
						if(color=="blue")
						this.innerHTML=parseInt(this.innerText)-1;
						else
						this.innerHTML=parseInt(this.innerText)+1;
					})
			
			mui(".mui-content").on("tap", "a", function() {
				var id = this.getAttribute("id");
				if(!active) {
					this.classList.add("active");
					if(id) {
						span = this.querySelector("span");
						span.classList.remove("mui-" + id);
						span.classList.add("mui-" + id + "-filled");
					}
					active = this;
				} else {
					active.classList.remove("active");
					if(lastid) {
						span.classList.remove("mui-" + lastid + "-filled");
						span.classList.add("mui-" + lastid);
					}

					this.classList.add("active");
					if(id) {
						span = this.querySelector("span");
						span.classList.remove("mui-" + id);
						span.classList.add("mui-" + id + "-filled");
					}

					active = this;
				}
				lastid = id;
			});